<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2017 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
  ~ which is available at https://www.apache.org/licenses/LICENSE-2.0.
  ~
  ~ SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="bordered">
    <div class="listheading">
        <label>{{ title }}</label>
        <button class="rightbutton btn btn-danger btn-xs"
                id="removeIfBtn"
                (click)="onRemove($event);"
                [disabled]="(rows.length === 0) || !sharedData?.currentVersion?.editable">
            Remove
        </button>
        <button class="rightbutton btn btn-primary btn-xs" id="addIfBtn"
                [disabled]="!sharedData.currentVersion.editable"
                (click)="onAdd($event);">
            Add
        </button>
    </div>
    <div class="list-content">
        <select #select [(ngModel)]="currentSelected" (ngModelChange)="onChange($event)" name="Interfaces" size="8"
                id="interfaces" class="listcontent">
            <option *ngFor="let item of rows" [ngValue]="item">{{ item.name }}</option>
        </select>
    </div>
</div>

